// Global styles
* {
  margin: 0;
  padding: 0;
  list-style: none;
}

html,
body,
#app {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

// Utility classes
.ellipsis {
  @include ellipsis;
}

.flex-center {
  @include flex-center;
}

.flex-between {
  @include flex-between;
}

// Element Plus theme customization
:root {
  --el-color-primary: #{$color-primary};
  --el-border-radius-base: #{$border-radius-base};
}

// Global element styles
.el-button {
  border-radius: $border-radius-base;
}

.el-input {
  .el-input__wrapper {
    border-radius: $border-radius-small;
  }
}

.el-dialog {
  border-radius: $border-radius-large;
}

.el-input__wrapper {
  border-radius: 1.02083rem !important;
}
